<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>闲优购-用户中心</title>
	<link rel="icon" href="img/weblogo.png" >
	<link rel="stylesheet" type="text/css" href="bootstrap-5.1.3-dist/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
	<link rel="stylesheet" type="text/css" href="css/ycc.css">

	<script type="text/javascript" src="js/jquery-3.6.0-min.js"></script>
	<script type="text/javascript" src="bootstrap-5.1.3-dist/js/bootstrap.min.js"></script>
</head>
<body>

	<!--头部导航栏-->
	<nav class="navbar navbar-dark bg-dark navbar-expand-lg">
		<div class="container-fluid text-white">
			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
				<h5 class=""><i class="bi bi-cart4"></i>闲优购</h5>
				<ul class="navbar-nav me-lg-2 mb-0 mb-lg-1">
					<li class="nav-item">
						<a class="nav-link active" aria-current="page" href="index.jsp"><i class="bi bi-house"></i>首页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/shop_center"><i class="bi bi-shop"></i>商品中心</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="user_center.jsp"><i class="bi bi-cart-check"></i>查询订单</a>
					</li>

					<li class="nav-item">

						<a class="nav-link" href="commodity_publish.jsp"><i class="bi bi-shift"></i>发布商品</a>
					</li>

				</ul>

				<ul class="navbar-nav" style="margin-left: auto">

					<li class="nav-item">
						<a class="nav-link" href="user_center.jsp">
							<i class="bi bi-clock-history"></i>
							查询购买记录
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="user_center.jsp">
							<i class="bi bi-person-fill"></i>
							用户中心
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/loginOut">
							<i class="bi bi-backspace-reverse"></i>
							退出登陆
						</a>
					</li>

				</ul>

				当前用户: <em id="username">${sessionScope.userInfo.name}</em>

			</div>
		</div>
	</nav>

	<div class="container-fluid mt-md-3">
		<div class="d-flex align-items-start mt-md-3">
			<div class="offset-md-1 col-md-2 nav flex-column nav-pills me-3 shadow" id="left-card-div" role="tablist" aria-orientation="vertical">
				<button class="nav-link active" id="bt-left-card-info" data-bs-toggle="pill" data-bs-target="#iframe_info" type="button" role="tab" aria-controls="iframe_info" aria-selected="true">
					<i class="bi bi-person-circle"></i>
					个人信息
				</button>
				<button class="nav-link" id="bt-left-card-buy" data-bs-toggle="pill" data-bs-target="#iframe_buy_record" type="button" role="tab" aria-controls="iframe_buy_record" aria-selected="false">
					<i class="bi bi-cart-fill"></i>
					购买记录
				</button>
				<button class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill" data-bs-target="#iframe_publish" type="button" role="tab" aria-controls="v-pills-profile" aria-selected="false">
					<i class="bi bi-shop"></i>
					发布的商品
				</button>

			</div>
			<div class="col-md-8 tab-content" id="v-pills-tabContent">
				<iframe scrolling="no" class="col-md-12 card-right tab-pane fade show active" id="iframe_info" role="tabpanel" aria-labelledby="bt-left-card-info" src="/history" style="height: 1000px"></iframe>
				<iframe scrolling="no" class="col-md-12 card-right tab-pane fade show active" id="iframe_buy_record" role="tabpanel" aria-labelledby="bt-left-card-info" src="/queryOrder" style="height: 1000px"></iframe>
				<iframe scrolling="no" class="col-md-12 card-right tab-pane fade show active" id="iframe_publish" role="tabpanel" aria-labelledby="bt-left-card-info" src="/queryPublish" style="height: 1000px"></iframe>
			</div>
		</div>
	</div>
	<div style="position: fixed; left: 20px; bottom: 0; margin-inline: auto; width: 100%; z-index:-1">
		<p>CopyRight © 2021-2022 uni科技有限公司 </p>
	</div>
</body>
</html>